<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
<head>
	<meta charset="utf-8">
	<title>角色列表</title>
	<meta name="renderer" content="webkit">
	<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
	<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
	<meta name="apple-mobile-web-app-status-bar-style" content="black">
	<meta name="apple-mobile-web-app-capable" content="yes">
	<meta name="format-detection" content="telephone=no">
	<link rel="stylesheet" href="http://vod.136.i2863.com/static/common/layui/2.5.5/css/layui.css" media="all"/>
	<link rel="stylesheet" th:href="@{/static/css/public.css}" media="all" />
</head>
<style>
	th[data-field="0"],td[data-field="0"]{width: 40px}
	.layui-table-box {height: calc(100vh - 178px);overflow-y: visible;}
	#streetPermXtree+div .layui-table-cell{padding: 0 5px!important;}
	#streetPermXtree+div th .layui-table-cell{text-align: center;}
	#orgName{width: 185px;float: left;}
	#orgName+button,#orgPermManage{margin-top:4px;margin-left:10px;}
	.adminTips{color:red;text-align:center;margin:40px;font-size:18px}
	.ztree li span.button.switch{display:inline !important;}
	.ew-tree-table{margin:0 !important;}
	.layui-input-block.xtree{margin-left:0;height:calc(100vh - 114px);overflow-y:auto;}
</style>
<body class="childrenBody">
<form class="layui-form">
	<div class="role-list">
		<span>用户角色：<a class="layui-btn layui-btn-xs layui-btn-normal add_btn">添加</a><a class="layui-btn layui-btn-xs layui-btn-warn refresh">刷新</a></span>
		<div th:if="${size == 0}" class="no-role">暂无用户角色!</div>
		<ul th:if="${size > 0}" class="role-left">
			<li th:each="role,state:${roleList}" class="role-item" th:classappend="${state.index == 0}? 'active'" th:data-id="${role.id}">
				<div class="role-name" th:title="${role.roleName}" th:text="${role.roleName}"></div>
				<div><button class="layui-btn layui-btn-xs layui-btn-normal edit">管理</button><button class="layui-btn layui-btn-xs layui-btn-warm del">删除</button></div>
			</li>
		</ul>
	</div>
	<div class="per-list">
		<div id="perInfo" class="layui-tab layui-tab-card" lay-filter="per">
			<ul class="layui-tab-title">
				<li class="layui-this">菜单权限分配</li>
			</ul>
			<div class="layui-tab-content" style="height: calc(100vh - 110px);">
				<div class="layui-tab-item layui-show">
					<label class="layui-form-label">拥有权限</label>
					<div class="layui-input-block">
						<div id="permissionXtree" style=" height:calc(100vh - 170px);overflow:auto;"></div>
					</div>
				</div>
				<div class="layui-layer-btn layui-layer-btn-">
					<a lay-filter="menuPer" lay-submit class="layui-layer-btn0">保存</a>
				</div>
			</div>
		</div>
	</div>
</form>
<script type="text/javascript" src="http://vod.136.i2863.com/static/common/layui/2.5.5/layui.js"></script>
<script type="text/javascript" src="http://vod.136.i2863.com/static/common/tool/xtree.js"></script>
<script type="text/javascript" th:src="@{/static/js/role/role-list.js}"></script>
</body>
</html>